<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=10;IE=9;IE=8;IE=7;IE=EDGE">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="alternate" media="handheld" href="#" />
    <meta charset="utf-8">
    <title>林杰的简历</title>
    <meta content="" name="description">
    <meta
        content="拉勾,拉勾网,拉勾招聘,拉钩, 拉钩网 ,互联网招聘,拉勾互联网招聘, 移动互联网招聘, 垂直互联网招聘, 微信招聘, 微博招聘, 拉勾官网, 拉勾百科,跳槽, 高薪职位, 互联网圈子, IT招聘, 职场招聘, 猎头招聘,O2O招聘, LBS招聘, 社交招聘, 校园招聘, 校招,社会招聘,社招"
        name="keywords">
    <style>
        * {
            outline: none;
        }

        body {
            margin: 0;
            padding: 0;
            font-size: 14px;
            font-family: "Hiragino Sans GB", "Microsoft Yahei", "SimSun", Arial, "Helvetica Neue", Helvetica;
            color: #333;
            word-wrap: break-word;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        menu,
        nav,
        section,
        summary {
            display: block;
        }

        progress {
            display: inline-block;
            vertical-align: baseline;
        }

        a {
            color: #555;
            background-color: transparent;
            text-decoration: none;
        }

        a:hover {
            color: #00b38a;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin: 10px 0;
            font-weight: normal;
        }

        p {
            margin: 0;
        }

        p+p {
            margin-top: 10px;
        }

        img {
            border: 0;
            vertical-align: top;
            display: inline-block;
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            margin: 0;
            padding: 0;
            border: 1px solid #ededed;
            border-radius: 0;
            font-family: "Hiragino Sans GB", "Microsoft Yahei", "SimSun", Arial, "Helvetica Neue", Helvetica;
        }

        textarea {
            overflow: auto;
        }

        label,
        select,
        button,
        input[type="button"],
        input[type="reset"],
        input[type="submit"],
        input[type="radio"],
        input[type="checkbox"],
        input[type="file"] {
            cursor: pointer;
        }

        input[type=text],
        input[type=password],
        textarea {
            font-family: "Microsoft Yahei", "SimSun", Arial, "Helvetica Neue", Helvetica;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
        }

        th,
        td {
            padding: 0;
        }

        strong {
            font-weight: normal;
        }

        em,
        i {
            font-style: normal;
        }

        dl,
        dt,
        dd {
            margin: 0;
        }

        ::selection {
            color: #fff;
            background-color: #00b38a;
        }

        ::-moz-selection {
            color: #fff;
            background-color: #00b38a;
        }

        ul,
        ol {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #container {
            width: 820px;
            margin: 50px auto 54px auto;
            border: 1px solid #e3ebe9;
            border-radius: 5px;
        }

        .mr-template {
            padding: 50px 50px 10px;
        }

        .mr-template .mr-template_title {
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
        }

        .mr-template .mr-template_title span {
            font-size: 18px;
            color: #333333;
            font-weight: 600;
            position: relative;
            margin-left: 10px;
        }

        .mr-template .mr-template_title span:before {
            content: '';
            display: block;
            border-left: 3px solid #00B38A;
            height: 16px;
            width: 3px;
            position: absolute;
            left: -7px;
            top: 50%;
            transform: translateY(-50%);
        }

        .mr-template .mr_md_del {
            display: none;
        }

        /***** 基本信息 ****/

        .basic {
            padding: 50px;
            background: #FAFAFA;
            border-radius: 5px 5px 0 0;
            border-bottom: 1px solid #E3EBE9;
            display: flex;
        }

        .basic .basic-photo {
            height: 88px;
            width: 88px;
            display: inline-block;
            position: relative;
        }

        .basic .basic-photo img {
            height: 88px;
            width: 88px;
            position: absolute;
            top: 0;
            border-radius: 50%;
        }

        .basic .basic-photo .basic-photo_shadow {
            display: none;
        }

        .basic .basic-photo:hover .basic-photo_shadow {
            display: block;
        }

        .basic .basic-info {
            position: relative;
            width: 100%;
            margin-left: 20px;
            flex: 1;
        }

        .basic .basic-info .edit-btn {
            position: absolute;
            right: 0;
            top: 4px;
        }

        .basic .basic-info .basic-name-area {
            overflow: hidden;
            height: 37px;
            margin-bottom: 11px;
        }

        .basic .basic-info .basic-name {
            float: left;
            max-width: 250px;
            font-size: 26px;
            color: #333333;
            font-weight: 600;
            line-height: 37px;
        }

        .basic .basic-info .icon-sex {
            width: 13px;
            height: 13px;
            float: left;
            margin-top: 16px;
            margin-left: 10px;
            background: none;
        }

        .basic .basic-info .icon-sex.icon-sex__male {
            background: url(https://www.lgstatic.com/common/image/pc/icon_man.png);
        }

        .basic .basic-info .icon-sex.icon-sex__female {
            background: url(https://www.lgstatic.com/common/image/pc/icon_woman.png);
        }

        .basic .basic-info .basic-self {
            margin-top: 20px;
        }

        .basic .basic-info p {
            font-size: 14px;
            color: #333333;
            line-height: 20px;
            margin-top: 6px;
        }

        .basic .basic-info i {
            display: inline-block;
            margin-right: 5px;
            vertical-align: middle;
        }

        .basic .basic-info .basic-tel_icon {
            width: 11px;
            height: 14px;
            margin-right: 2px;
            background: url(https://www.lgstatic.com/common/image/pc/icon_phone.png);
            display: inline-block;
            vertical-align: middle;
        }

        .basic .basic-info .basic-email_icon {
            width: 14px;
            height: 11px;
            margin-right: 2px;
            background: url(https://www.lgstatic.com/common/image/pc/icon_mail.png);
            display: inline-block;
            vertical-align: middle;
        }

        .basic .basic-info .basic-tel {
            margin-right: 20px;
        }

        .basic-tel span {
            vertical-align: middle;
        }

        .basic-email span {
            vertical-align: middle;
        }

        /***** 基本信息 end ****/

        /***** 自我描述 ****/

        .per .per-self_content {
            position: relative;
        }

        .per .per-self_content .per-self_des {
            margin-top: 13px;
            font-size: 14px;
            color: #666666;
            line-height: 30px;
        }

        .per .per-self_content .per-self_des p {
            margin-top: 0;
        }

        .per .per-self_content .per-self_des ol {
            list-style-type: decimal;
            -webkit-padding-start: 20px;
        }

        .per .per-self_content .per-self_des ul {
            list-style: disc;
            -webkit-padding-start: 20px;
        }

        /***** 自我描述 end ****/

        /***** 工作经历 ****/

        .work-exp .work-exp_list {
            position: relative;
            margin-bottom: 30px;
        }

        .work-exp .work-exp_list .exp-list_time {
            font-size: 14px;
            color: #666666;
            position: absolute;
            right: 0;
        }

        .work-exp .work-exp_list .exp-list_top {
            display: flex;
            align-items: center;
        }

        .work-exp .work-exp_list .exp-list_top img {
            width: 46px;
            height: 46px;
            margin-right: 10px;
        }

        .work-exp .work-exp_list .exp-list_top .exp-list_right {
            display: flex;
            flex-direction: column;
            flex: 1;
            height: 46px;
            justify-content: space-between;
        }

        .work-exp .work-exp_list .exp-list_top .exp-list_right p,
        .work-exp .work-exp_list .exp-list_top .exp-list_right strong {
            font-size: 14px;
            color: #333333;
        }

        .work-exp .work-exp_list .exp-list_top .exp-list_right strong {
            font-weight: 600;
        }

        .work-exp .work-exp_list .tagboard {
            margin: 20px 0 10px;
        }

        .work-exp .work-exp_list .exp-list_content {
            font-size: 14px;
            color: #666666;
            line-height: 30px;
        }

        .tagboard .tagboard-tag {
            font-size: 12px;
            color: #999;
            line-height: 18px;
            padding: 3px 10px;
            border: 1px solid #EAEDEC;
            border-radius: 100px;
            margin-right: 10px;
        }

        .work-exp .work-exp_list .exp-list_content ul,
        .work-exp .work-exp_list .exp-list_content_highlight ul {
            list-style: disc;
            -webkit-padding-start: 20px;
        }

        .work-exp .work-exp_list .exp-list_content ol,
        .work-exp .work-exp_list .exp-list_content_highlight ol {
            list-style-type: decimal;
            -webkit-padding-start: 20px;
        }

        /***** 工作经历 end ****/

        /***** 项目经历 ****/

        .pro-exp .pro-exp_list {
            position: relative;
            margin-bottom: 30px;
        }

        .pro-exp .pro-exp_list .exp-list_title {
            font-size: 14px;
            color: #333333;
            font-weight: 600;
            cursor: default;
            display: flex;
        }

        .pro-exp .pro-exp_list .exp-list_title .exp-project_name,
        .pro-exp .pro-exp_list .exp-list_title .exp-project_company span {
            max-width: 222px;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .pro-exp .pro-exp_list .exp-list_title .exp-project_company {
            display: flex;
        }

        .pro-exp .pro-exp_list .exp-list_time {
            font-size: 14px;
            color: #666666;
            position: absolute;
            right: 0;
            top: 0;
        }

        .pro-exp .pro-exp_list .exp-list_content,
        .pro-exp .pro-exp_list .exp-project_des {
            font-size: 14px;
            color: #666666;
            line-height: 30px;
            margin-top: 10px;
        }

        .pro-exp .exp-list_title.active:hover {
            color: #00B38A;
            cursor: pointer;
        }

        .pro-exp .exp-project_url {
            font-size: 14px;
            line-height: 30px;
        }

        .pro-exp .pro-exp_list .exp-list_content ul,
        .pro-exp .pro-exp_list .exp-project_des ul {
            list-style: disc;
            -webkit-padding-start: 20px;
        }

        .pro-exp .pro-exp_list .exp-list_content ol,
        .pro-exp .pro-exp_list .exp-project_des ol {
            list-style-type: decimal;
            -webkit-padding-start: 20px
        }

        /***** 项目经历 end ****/

        /***** 教育经历 ****/

        .edu-exp .edu-exp_list {
            position: relative;
            margin-bottom: 30px;
        }

        .edu-exp .edu-exp_list .exp-list_time {
            font-size: 14px;
            color: #666666;
            position: absolute;
            right: 0;
        }

        .edu-exp .edu-exp_list .exp-list_top {
            display: flex;
            align-items: center;
        }

        .edu-exp .edu-exp_list .exp-list_top img {
            width: 46px;
            height: 46px;
            margin-right: 10px;
        }

        .edu-exp .edu-exp_list .exp-list_top .exp-list_right {
            display: flex;
            flex-direction: column;
            flex: 1;
            height: 46px;
            justify-content: space-between;
        }

        .edu-exp .edu-exp_list .exp-list_top .exp-list_right p,
        .edu-exp .edu-exp_list .exp-list_top .exp-list_right strong {
            font-size: 14px;
            color: #333333;
        }

        .edu-exp .edu-exp_list .exp-list_top .exp-list_right strong {
            font-weight: 600;
        }


        /***** 教育经历 end ****/

        /***** 社交主页 ****/

        .social-page .social-page_list {
            margin-bottom: 30px;
            position: relative;
        }

        .social-page .social-page_list .social-page_content {
            display: flex;
        }

        .social-page .social-page_list .social-page_content img {
            width: 24px;
            height: 24px;
            margin: 0;
            margin-right: 10px;
            border-radius: 50%;
        }

        .social-page .social-page_list .social-page_content p {
            font-size: 14px;
            color: #666666;
        }


        /***** 社交主页 end ****/
        /***** 图片作品 ****/

        .portfolio-page .portfolio-list {
            margin-bottom: 30px;
            position: relative;
        }

        .portfolio-page .portfolio-list .portfolio-content {
            font-size: 14px;
            color: #666666;
        }


        /***** 图片作品 end ****/
    </style>
</head>

<body>
    <div id="container">
        <!-- 基本信息 -->
        <div class="basic" id="baseInfo">
            <div class="basic-photo">
                <img class="mr_headimg user-avatar" id="userpic"
                    src="https://www.lgstatic.com/10/4bef4ad173f7413da5843b0775c98fd4.jpg" width="120" height="120"
                    alt="" />
            </div>
            <div class="basic-info">
                <div class="basic-name-area">
                    <p class="basic-name female">林杰</p>
                    <i class="icon-sex icon-sex__male"></i>
                </div>
                <p>
                    <span class="basic-company">腾讯•大粤网</span>
                    <span> / </span>
                    <span class="basic-job">前端开发工程师</span>
                </p>
                <p class="basic-self">
                    <span class="basic-exp">9年工作经验 / </span>
                    <span class="basic-edu">本科 . 统招
                        /
                    </span>
                    <span class="basic-age">32岁</span>
                </p>
                <p>
                    <span class="basic-tel">
                        <i class="basic-tel_icon"></i>
                        <a href="tel:15920385215">15920385215</a>
                    </span>
                    <span class="basic-email">
                        <i class="basic-email_icon"></i>
                        <span>993353454@qq.com</span>
                    </span>
                </p>
            </div>
        </div>
        <!-- /基本信息 -->

        <!-- 自我描述 -->
        <div class="mr-template per" id="perAbility">
            <div class="mr-template_title">
                <span>个人优势</span>
            </div>
            <div class="tagboard integrative-tag">
                <div class="integrative-tag_content">
                </div>
            </div>
            <div class="per-self_content">
                <div class="per-self_des">
                    <ul>
                        <li>9年前端工作经验，3年带团队经验，关注前沿技术，爱折腾，喜欢将新技术引入团队中;</li>
                        <li>熟悉Vue、React等前端MV*框架及uinapp、taro跨平台框架，了解webpack、vite、esbuild、rollup构建工具;</li>
                        <li>熟悉自动化测试、单元测试，熟悉npm包发布、github actions，代码可读性高，组件化开发;</li>
                        <li>擅长利用各种工具提升开发效率，参与多次中大型项目全流程，能精准把控项目进度，有效拆分需求任务；</li>
                        <li>乐于分享，曾多次组织团队内分享提效工具、框架、技术等；个人博客：<a href="https://lj4.top" target="_blank">https://lj4.top</a>；</li>
                        <li>熟悉nodejs,了解php、go,始于前端，不止前端；</li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- /自我描述 -->


        <!-- 工作经历 -->
        <div class="mr-template work-exp" id="workExp">
            <div class="mr-template_title">
                <span>工作经历</span>
            </div>
            <ol class="work-exp_group">
                <li class="work-exp_list">
                    <p class="exp-list_time">2018.08-2024.02</p>
                    <div class="exp-list_top">
                        <img src="https://www.lgstatic.com/image1/M00/22/8A/Cgo8PFVB6ySAD3VkAACttzl-aLI489.png" alt="">
                        <div class="exp-list_right">
                            <strong class="exp-list_title">
                                <span>腾讯•大粤网</span>
                                ／
                                <span>腾讯广告区域发展部</span>
                            </strong>
                            <p>前端开发工程师</p>
                        </div>
                    </div>
                    <div class="tagboard">
                    </div>
                    <div class="exp-list_content">
                        <ul>
                            <li>负责多个前端项目搭建，提炼并维护公共demo工程方便快速开展新项目；</li>
                            <li>根据项目需求进行前端框架选型，通用组件编写与维护，产出团队组件库；</li>
                            <li>制定项目规范，公共函数整理与维护，产出NPM包lj-utils；</li>
                            <li>负责多个项目前端性能优化，提升用户体验；</li>
                            <li>在团队内推广多项提效工具、技术提升团队整体开发效率；</li>
                            <li>工作之余帮助组员解决技术卡点问题；</li>
                            <li>主导的米亚投票系统获得腾讯区域成本优化奖，绩效多次获得4星、5星；</li>
                        </ul>
                        <p>使用过的一些工具、框架：</p>
                        <ul>
                            <li>vue2、vue3、react、TypeScript、uniapp、mpvue、taro、umi;</li>
                            <li>webpack、yarn、npm、eslint、scss、less;</li>
                            <li>git、svn、jenkins、docker、nginx、whistle;</li>
                            <li>mocha、jest、nightwatch、puppeteer、playwright;</li>
                        </ul>
                    </div>
                </li>
                <li class="work-exp_list">
                    <p class="exp-list_time">2014.11-2018.07</p>
                    <div class="exp-list_top">
                        <img src="https://www.lgstatic.com/image1/M00/00/69/Cgo8PFTUXXWATPymAABBrfJ4Z9Y257.png" alt="">
                        <div class="exp-list_right">
                            <strong class="exp-list_title">
                                <span>广州大洋教育科技股份有限公司</span>
                                ／
                                <span>研发部</span>
                            </strong>
                            <p>前端开发工程师</p>
                        </div>
                    </div>
                    <div class="tagboard">
                    </div>
                    <div class="exp-list_content">
                        <p>工程化建设，主导前端组件库搭建，核心业务开发，项目优化，制定前端规范；</p>
                        <p>主导项目由jquery过渡到angularjs整体开发难度减少50%；</p>
                        <p>编写gulp任务压缩代码，创建雪碧图，添加watch监听页面变动，使页面打开速度提示升100%,开发效率提升150%；</p>
                        <p>重构学习页，增加无限滚动功能，提升页面性能100%;</p>
                        <p>攻克技术难点，使题库支持填空支持多选项生成，题干、选项均支持语音、视频、图片插入；</p>
                        <p>多次获得优秀员工奖；</p>
                    </div>
                </li>
            </ol>
        </div>
        <!-- /工作经历 -->

        <!-- 项目经历 -->
        <div class="mr-template pro-exp" id="proExp">
            <div class="mr-template_title">
                <span>项目经历</span>
            </div>
            <ol class="pro-exp_group">
                <li class="pro-exp_list">
                    <p class="exp-list_title">
                        <span class="exp-project_name">企鹅惠买Web端</span>
                        <span class="exp-project_company">（<span>腾讯•大粤网</span>）</span>
                    </p>
                    <p class="exp-list_time">2021.08-2024.02</p>
                    <div class="exp-project_des">
                        <p>企鹅惠买Web端是一个电商营销中台，包含装修、商品、数据、订单、结算、用户、内容、搜索、设置九大模块，使用react+typescript开发，主要组件库为内源tea和sr-component。
                        </p>
                    </div>
                    <div class="exp-list_content">
                        <ul>
                            <li>负责装修模块、数据模块、用户模块、权限模块、设置模块、订单模块的开发和维护</li>
                            <li>根据项目需求修改通用组件库tea组件（TDesign内源版）</li>
                            <li>根据需求分配任务，跟进项目进度及代码CR,MR</li>
                            <li>重构部分早期页面及接手其它成员页面</li>
                            <li>帮助组员处理从vue转react技术栈出现的卡点问题</li>
                        </ul>
                    </div>
                    <a href="https://admin.iris.sr.qq.com/" target="_blank" class="exp-project_url">项目链接:
                        https://admin.iris.sr.qq.com/</a>
                </li>
                <li class="pro-exp_list">
                    <p class="exp-list_title">
                        <span class="exp-project_name">广州公积金(H5/ios/android)</span>
                        <span class="exp-project_company">（<span>腾讯•大粤网</span>）</span>
                    </p>
                    <p class="exp-list_time">2019.11-2021.09</p>
                    <div class="exp-project_des">
                        <p>广州住房公积金公众号H5主要为千万公积金用户提供线上办理各项公积金业务，使用uni-app框架开发。</p>
                    </div>
                    <div class="exp-list_content">
                        <ul>
                            <li>技术选型、项目搭建、制定eslint等开发规范，核心功能开发;</li>
                            <li>uni-app通用组件的开发和维护；</li>
                            <li>针对大量表单输入提炼出基于参数配置带验证及提示的表单输入组件，提升200%表单页面开发；</li>
                            <li>多端兼容图片上传组件(H5端图片压缩);</li>
                        </ul>
                    </div>
                    <a href="https://ydd.gzgjj.gov.cn/" target="_blank" class="exp-project_url">项目链接:
                        https://ydd.gzgjj.gov.cn/</a>
                </li>
                <li class="pro-exp_list">
                    <p class="exp-list_title">
                        <span class="exp-project_name">山海We+</span>
                        <span class="exp-project_company">（<span>腾讯•大粤网</span>）</span>
                    </p>
                    <p class="exp-list_time">2021.04-2021.08</p>
                    <div class="exp-project_des">
                        <p>一个使用uni-app框架开发的物业APP，跨端支持ios+android，包含智能家居控制、门禁可视通话、停车缴费等功能。</p>
                    </div>
                    <div class="exp-list_content">
                        <ul>
                            <li>技术选型</li>
                            <li>项目搭建</li>
                            <li>所有页面开发</li>
                            <li>产出app端上架流程文档，极光推送和海康摄像头sdk对接文档，了解极光推送原理</li>
                        </ul>
                    </div>
                    <a href="https://apps.apple.com/cn/app/%E5%B1%B1%E6%B5%B7we/id1590111863" target="_blank"
                        class="exp-project_url">项目链接:
                        https://apps.apple.com/cn/app/%E5%B1%B1%E6%B5%B7we/id1590111863</a>
                </li>
                <li class="pro-exp_list">
                    <p class="exp-list_title">
                        <span class="exp-project_name">南山文体通小程序</span>
                        <span class="exp-project_company">（<span>腾讯•大粤网</span>）</span>
                    </p>
                    <p class="exp-list_time">2019.04-2019.08</p>
                    <div class="exp-project_des">
                        <p>一个为南山区公众提供抢票、抢券、报名、订场等服务的小程序,使用框架：mpvue</p>
                    </div>
                    <div class="exp-list_content">
                        <ul>
                            <li>订场页滚动优化：滚动增加防抖处理，页面性能提升50%，滚动更流畅；</li>
                            <li>着手团队组件库建设，产出多个适用于小程序和h5的通用组件；</li>
                        </ul>
                    </div>
                </li>
                <li class="pro-exp_list">
                    <p class="exp-list_title">
                        <span class="exp-project_name">米亚投票</span>
                        <span class="exp-project_company">（<span>腾讯•大粤网</span>）</span>
                    </p>
                    <p class="exp-list_time">2018.09-2019.02</p>
                    <div class="exp-project_des">
                        <p>一个投票平台，支持配置按钮文本、主题色、投票类型等，高效支撑多个投票活动，获得腾讯区域成本优化奖。</p>
                        <p>wap:vue、mint-ui、scss，web:vue、element-ui、scss</p>
                    </div>
                    <div class="exp-list_content">
                        <ul>
                            <li>技术选型、项目搭建、全部页面开发;</li>
                            <li>使用rem自适应处理，web编辑调用wap页面组件实现实时预览功能;</li>
                            <li>协调设计使用iconfont方案，提高页面开发效率;</li>
                        </ul>
                    </div>
                </li>
                <li class="pro-exp_list">
                    <p class="exp-list_title">
                        <span class="exp-project_name">酷校</span>
                        <span class="exp-project_company">（<span>广州大洋教育科技股份有限公司</span>）</span>
                    </p>
                    <p class="exp-list_time">2015.06-2018.07</p>
                    <div class="exp-project_des">
                        <p>酷校项目为在线教育平台，主要由课程创建学习系统，全题型考试系统+，学习记录系统，圈子系统，订单系统，即时通讯系统，招聘系统、资源库系统，后台管理系统构成。</p>
                        <p>前端框架：AngularJs、jQuery;</p>
                        <p>版本控制：Gitlab(源码)、SVN（原型、设计稿）</p>
                        <p>体验帐号：15920385215/abc123123</p>
                    </div>
                    <div class="exp-list_content">
                        <ul>
                            <li>各个页面的编写与维护;</li>
                            <li>部分移动端webview页面的编写;</li>
                            <li>重构旧页面与旧组件;</li>
                            <li>2.0版本使用gulp自动化构建工具;</li>
                            <li>优化网站性能js合并压缩，雪碧图，添加hash后缀;</li>
                            <li>维护gulp脚本;</li>
                            <li>维护jenkins集成任务;</li>
                            <li>3.0工程升级webpack（UI库）;</li>
                        </ul>
                    </div>
                    <a href="http://kuxiao.cn/" target="_blank" class="exp-project_url">项目链接: http://kuxiao.cn/</a>
                </li>
                <li class="pro-exp_list">
                    <p class="exp-list_title">
                        <span class="exp-project_name">跨境电商人才考证中心</span>
                        <span class="exp-project_company">（<span>广州大洋教育科技股份有限公司</span>）</span>
                    </p>
                    <p class="exp-list_time">2018.05-2018.06</p>
                    <div class="exp-project_des">
                        <p>阿里三级考证实训模块考试系统</p>
                        <p>负责内容：</p>
                        <ul>
                            <li>搭建工程;</li>
                            <li>编辑jenkins构建任务;</li>
                            <li>使用ui库组件编写页面;</li>
                            <li>题目创建编辑批发模块的开发;</li>
                        </ul>
                    </div>
                    <div class="exp-list_content">
                        <p>项目跟进，前端工程搭建，前端任务分配，前端部分编码</p>
                    </div>
                    <a href="https://kz.kuxiao.cn/login.html" target="_blank" class="exp-project_url">项目链接:
                        https://kz.kuxiao.cn/login.html</a>
                </li>
                <li class="pro-exp_list">
                    <p class="exp-list_title">
                        <span class="exp-project_name">大洋UI库</span>
                        <span class="exp-project_company">（<span>广州大洋教育科技股份有限公司</span>）</span>
                    </p>
                    <p class="exp-list_time">2017.12-2018.05</p>
                    <div class="exp-project_des">
                        <p>针对旧工程css混乱，组件重复，命名不规范，项目构建慢等问题，主导开发的公共UI组件库。</p>
                        <p>为新项目或旧项目重构提供基础样式和组件。</p>
                        <p>负责内容：</p>
                        <ul>
                            <li>编写webpack脚本;</li>
                            <li>搭建工程;</li>
                            <li>维护公共scss样式，mixin;</li>
                            <li>迁移维护angular组件;</li>
                        </ul>
                    </div>
                    <div class="exp-list_content">
                        <p>项目搭建、样式、组件实现</p>
                    </div>
                </li>
                <li class="pro-exp_list">
                    <p class="exp-list_title">
                        <span class="exp-project_name">智翔学购电商实训平台</span>
                        <span class="exp-project_company">（<span>广州大洋教育科技股份有限公司</span>）</span>
                    </p>
                    <p class="exp-list_time">2015.08-2016.03</p>
                    <div class="exp-project_des">
                        <p>项目为一个商品交易的学习平台，主要包含商品的发布，购买，支付，学习等功能。其中以学习为主，项目设有管理员，教师，学生三大角色，管理员负责整个平台的管理，教师可发布课程，学生可以在该平台中学习电商平台的各种操作。
                        </p>
                        <p>AngularJs，Bootstrap，GoLang，goconvey，MySQL，svn，Jenkins。</p>
                    </div>
                    <div class="exp-list_content">
                        <p>负责内容：</p>
                        <ul>
                            <li>真实用户与虚拟用户的收货地址管理;</li>
                            <li>商品购买流程;</li>
                            <li>商品优惠部分;</li>
                            <li>后台管理;</li>
                            <li>参与设计表以及表模型的维护;</li>
                            <li>项目部署;</li>
                        </ul>
                    </div>
                </li>
                <li class="pro-exp_list">
                    <p class="exp-list_title">
                        <span class="exp-project_name">通用订单系统</span>
                        <span class="exp-project_company">（<span>广州大洋教育科技股份有限公司</span>）</span>
                    </p>
                    <p class="exp-list_time">2015.07-2015.08</p>
                    <div class="exp-project_des">
                        <p>使用golang开发的一个处理订单的系统（需配合其它系统使用）.</p>
                        <p>GoLang，AngularJs，goconvey，Gitlab</p>
                    </div>
                    <div class="exp-list_content">
                        <p>负责内容：</p>
                        <ul>
                            <li>前后端开发，表模型设计，部署</li>
                        </ul>
                    </div>
                    <a href="https://github.com/LinJieLinLin/dy-order-2015" target="_blank"
                        class="exp-project_url">项目链接: https://github.com/LinJieLinLin/dy-order-2015</a>
                </li>
            </ol>
        </div>
        <!-- /项目经历 -->
        <!-- 教育经历 -->
        <div class="mr-template edu-exp" id="eduExp">
            <div class="mr-template_title">
                <span>教育经历</span>
            </div>
            <ol class="edu-exp_group">
                <li class="edu-exp_list">
                    <p class="exp-list_time">2011.09-2015.06</p>
                    <div class="exp-list_top">
                        <img src="https://www.lgstatic.com/i/image/M00/AD/50/CgqKkVi1E6eAA1SYAAAQ-TdkrTU78.jpeg" alt="">
                        <div class="exp-list_right">
                            <strong>广州大学</strong>
                            <p>本科 . 统招 / 计算机科学与技术</p>
                        </div>
                    </div>
                </li>
            </ol>
        </div>
        <!-- /教育经历 -->

        <!-- 社交主页 -->
        <div class="mr-template social-page" id="socialPage">
            <div class="mr-template_title">
                <span>社交主页</span>
            </div>
            <ol class="social-page_group">
                <li class="social-page_list">
                    <div class="social-page_content">
                        <img src="https://www.lgstatic.com/common/image/social/github@2x.png" alt="">
                        <a href="https://github.com/LinJieLinLin" target="_blank">https://github.com/LinJieLinLin</a>
                    </div>
                </li>
                <li class="social-page_list">
                    <div class="social-page_content">
                        <img src="https://www.lgstatic.com/common/image/social/default@2x.png" alt="">
                        <a href="https://www.npmjs.com/~linjielinlin"
                            target="_blank">https://www.npmjs.com/~linjielinlin</a>
                    </div>
                </li>
                <li class="social-page_list">
                    <div class="social-page_content">
                        <img src="https://www.lgstatic.com/common/image/social/default@2x.png" alt="">
                        <a href="https://gitee.com/linjielinlin" target="_blank">https://gitee.com/linjielinlin</a>
                    </div>
                </li>
                <li class="social-page_list">
                    <div class="social-page_content">
                        <img src="https://www.lgstatic.com/common/image/social/default@2x.png" alt="">
                        <a href="https://lj4.top" target="_blank">https://lj4.top</a>
                    </div>
                </li>
            </ol>
        </div>
        <!-- /社交主页 -->

        <!-- 图片作品 -->
        <!-- /图片作品 -->
    </div>
    <script type="text/javascript" crossorigin="anonymous" src="https://www.lagou.com/upload/oss.js?v=1010"></script>
</body>

</html>